<!-- 展示区 -->
<section
    class="showcase relative bg-cover bg-center bg-no-repeat h-72 flex items-center"
>
    <div class="overlay"></div>
    <div class="container mx-auto text-center z-10">
        <h2 class="text-4xl text-white font-bold mb-4">找到你的梦想实习</h2>
<<<<<<< HEAD
        <form method="GET" action="/listings/search" class="mb-4 block mx-5 md:mx-auto">
=======
        <form class="mb-4 block mx-5 md:mx-auto">
>>>>>>> 97de34e9c8de98a7ea83385fbbbcc59304343bb6
            <input
                type="text"
                name="keywords"
                placeholder="关键词"
                class="w-full md:w-auto mb-2 px-4 py-2 focus:outline-none"
            />
            <input
                type="text"
                name="location"
                placeholder="位置"
                class="w-full md:w-auto mb-2 px-4 py-2 focus:outline-none"
            />
            <button
                class="w-full md:w-auto bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 focus:outline-none"
            >
                <i class="fa fa-search"></i> 搜索
            </button>
        </form>
    </div>
</section>